<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>计划审核</title>
<link rel="stylesheet" type="text/css"
	href="<c:url value="/css/themes/default/easyui.css"/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value="/css/themes/icon.css"/>">
<script type="text/javascript" src="<c:url value="/js/jquery.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/js/jquery.easyui.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/js/easyui-lang-zh_CN.js"/>"></script>
</head>
<body>
<script type="text/javascript">
function d(cgjhNo){
	//alert(cgjhNo);
	$('#win-purchasedetail').window("open");
	$('#table_details').datagrid({
		url: 'queryPurchaseByPurchasePlanIdPage', 
		method: 'post', 
		queryParams: {
			cgjhNo: cgjhNo
		}
	});
}
</script>
<style type="text/css">
	*{
		font-size:12px;
	}
	li{
		float: left;
		list-style: none;
	}
</style>

<!-- 计划审核 -->
	<!-- <div id="win-QiXieToExamine" class="easyui-window" title="计划审核" data-options="collapsible:false,
		minimizable:false,
		maximizable:false,
		modal:true,
		iconCls:'icon-thpToExamine'"
		style="width: 650px; height: 400px;"> -->
		<form id="ff_ToExamine" action="" method="post">
			<div id="QiXieToExamineContent">
				<div id="QiXieToExamineInfo" style="background-color: rgb(236,243,255);overflow: hidden;">
					<ul>
						<li style="margin:5px 0px 10px 0px;"><input id="" class="easyui-searchbox" data-options="menu: '#thpcgjhsearch', width: 300, prompt: '请输入计划信息'"/></li>
						<li style="margin:5px 0px 10px 180px;"><a id="" class="easyui-linkbutton" style="width:75px;">审核处理</a></li>
					</ul>
					<div id="thpcgjhsearch" style="width:120px">
					    <div data-options="name:'cgjhNo',iconCls:'icon-thptype'">计划编号</div>
					    <div data-options="name:'cgjhTime',iconCls:'icon-thpproduct'">制定时间</div>
					    <div data-options="name:'ygName',iconCls:'icon-thpID'">制定人</div>
					</div>
				</div>
				<div style="border-top:1px solid #95B8e7;width:100%;height:300px;overflow: hidden;">
		        	<div style="border:0px red solid;height:289px;">
		        		<table id="qxsytable" class="easyui-datagrid"
							data-options="
								url:'findAllHisPurchaseplan',
								fitColumns:true,
								fit:true,
								singleSelect: true,
								rownumbers: true,
								toolbar: '#qxshtb',
								border:false
								">
							<thead>
								<tr>
									<th data-options="field:'cgjhNo',width:'20%'">计划编号</th>
									<th data-options="field:'ygName',width:'20%'">制定人</th>
									<th data-options="field:'cgjhTime',width:'20%'">制定日期</th>
									<th data-options="field:'xx',width:'40%',align:'center',
						        		formatter: function(value,row,index){
						        			return  '<a href=javascript:d(' + row.cgjhNo +') cgjhNo=' + row.cgjhNo +' class=detail>' + row.cgjhNo + '&nbsp;&nbsp;计划编号的详情</a>';
						        		}">详情</th>
								</tr>
							</thead>
						</table>
						<div id="qxshtb" style="height: auto;padding-left: 30px;">
							<a href="javascript:void(0)" class="easyui-linkbutton"
							data-options="iconCls:'icon-add',plain:true">添加一行</a>
							<a href="javascript:void(0)" class="easyui-linkbutton"
								data-options="iconCls:'icon-remove',plain:true"
								onclick="">移除一行</a> <a href="javascript:void(0)"
								class="easyui-linkbutton"
								data-options="iconCls:'icon-ok',plain:true">应用</a>
							<a href="javascript:void(0)" class="easyui-linkbutton"
								data-options="iconCls:'icon-undo',plain:true"">撤销</a>
						</div>
						
						<!-- 采购计划详情 -->
						<div id="win-purchasedetail" class="easyui-window" title="采购详情" data-options="
							collapsible:false,
							minimizable:false,
							maximizable:false,
							modal:true,
							iconCls:'icon-thpdetails',
							closed: true" 
							style="width:800px;height:400px;">
						<div class="easyui-layout" data-options="fit:true">
							<div data-options="region:'center',border:false" style="border-bottom:1px solid #95B8e7;">
								<form id="" method="post">
									<div style="overflow: hidden;background-color: rgb(236,243,255);border-bottom: 1px solid #95B8e7;">
										<ul>
											<li style="margin:0px 0px 10px 10px;"><input id="" class="easyui-searchbox" data-options="menu: '#thpcgjhxqsearch', width: 300, prompt: '请输入计划信息'"/></li>
											<li style="margin:0px 0px 10px 220px;"><a id="" class="easyui-linkbutton" style="width:75px;">采购处理</a></li>
										</ul>
										<div id="thpcgjhxqsearch" style="width:120px">
										    <div data-options="name:'cpName',iconCls:'icon-thptype'">产品名称</div>
										</div>
									</div>
									<table id="table_details" class="easyui-datagrid"
										data-options="
											fitColumns:true,
											fit:true,
											singleSelect: true,
											rownumbers: true,
											toolbar: '#qxshtb',
											border:false
											">
										<thead>
											<tr>
												<th data-options="field:'cpName',width:'15%'">产品名称</th>
												<th data-options="field:'cgNumber',width:'6%'">数量</th>
												<th data-options="field:'cgPrice',width:'7%'">价格</th>
												<th data-options="field:'cgTotalprice',width:'8%'">总金额</th>
												<th data-options="field:'cgUnit',width:'6%'">单位</th>
												<th data-options="field:'cgOrderdate',width:'12%'">订单日期</th>
												<th data-options="field:'ygNo',width:'7%'">采购员</th>
												<th data-options="field:'gysNo',width:'12%'">供应商</th>
												<th data-options="field:'cgState',width:'7%'">状态</th>
												<th data-options="field:'cgBatchnumber',width:'12%'">批号</th>
												<th data-options="field:'cgRemarks',width:'10%'">备注</th>
											</tr>
										</thead>
									</table>
									<div id="qxshtb" style="height: auto;padding-left: 30px;">
										<a href="javascript:void(0)" class="easyui-linkbutton"
										data-options="iconCls:'icon-add',plain:true">添加一行</a>
										<a href="javascript:void(0)" class="easyui-linkbutton"
											data-options="iconCls:'icon-remove',plain:true"
											onclick="">移除一行</a> <a href="javascript:void(0)"
											class="easyui-linkbutton"
											data-options="iconCls:'icon-ok',plain:true">应用</a>
										<a href="javascript:void(0)" class="easyui-linkbutton"
											data-options="iconCls:'icon-undo',plain:true"">撤销</a>
									</div>
								</form>
							</div>
							<div data-options="region:'south',border:false" style="text-align:right;padding:5px 0 0;">
								<a id="btn-ok" class="easyui-linkbutton" data-options="iconCls:'icon-ok', plain:true" >确定</a>
								<a class="easyui-linkbutton" data-options="iconCls:'icon-cancel', plain:true" href="javascript:$('#win-purchasedetail').window('close');" onclick="">取消</a>
							</div>
							</div>
						</div>
		        	</div>
			    </div>
			</div>
		</form>
	<!-- </div> -->
</body>
</html>